<template>
  <div>
    <div class="notice-view">
      <div class="main-container">
        <div class="main-head">近期通知</div>
        <div class="notice-bar">
          <div class="notice-list">
            <div class="notice-record">
              <router-link to="/main/noticeDetail">
                <span class="record-time">[2018-03-16]</span>
                <span class="record-title">因應合作銀行系統維護，平台購買功能暫停公告</span>
              </router-link>
            </div>
            <div class="notice-record">
              <router-link to="/main/noticeDetail">
                <span class="record-time">[2018-03-16]</span>
                <span class="record-title">因應合作銀行系統維護，平台購買功能暫停公告</span>
              </router-link>
            </div>
            <div class="notice-record">
              <router-link to="/main/noticeDetail">
                <span class="record-time">[2018-03-16]</span>
                <span class="record-title">因應合作銀行系統維護，平台購買功能暫停公告</span>
              </router-link>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="less">
  .notice-view{
    .notice-bar{
      .notice-list{
        margin: 30px 0;
        .notice-record{
          margin-bottom: 10px;
          line-height: 20px;
          font-size: 14px;
          .record-time{
            margin-right: 10px;
          }
          .record-title{
            color: #38B;
            font-weight: bold;
          }
        }
      }
    }
  }
</style>
